<template>
    <div class="backBox">
        <div class="left">
            <Nav>
            </Nav>
        </div>
        <div class="right">
            <div class="top">
                <Header>
                </Header>
            </div>
            <div class="bottom">
                <router-view>
                </router-view>
            </div>
        </div>
    </div>
</template>

<script lang='ts' setup>
import Nav from './components/Nav.vue'
import Header from './components/Header.vue';
</script>

<style scoped lang='scss'>
.backBox {
    display: flex;
    justify-content: space-between;
    background-color: #f0f0f0;

    .bottom {
        min-height: calc(100vh - 110px);
        min-width: calc(100vw - 240px);
        background: white;
        margin: 20px;

        padding: 20px;
        box-sizing: border-box;
    }
}
</style>